<html>

	<head>
		<title>Unwrongest | Lazy</title>
		<script type="text/javascript" src="dependencies/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="jquery.lazy-1.3.1.js"></script>
	</head>
	
	<body>
		
		<div class="draggable">Drag me!</div>		
		<div class="droppable"></div>			
	
		<script type="text/javascript">	
			$(function() {
			
				$.lazy({					
					src: 'dependencies/ui.draggable.js',
					name: 'draggable',
					dependencies: {
						js: ['dependencies/ui.core.js'],
						css: ['dependencies/ui.draggable.css']
					},
					cache: true
				});
				
				$.lazy({					
					src: 'dependencies/ui.droppable.js',
					name: 'droppable',
					dependencies: {
						js: ['dependencies/ui.core.js'],
						css: ['dependencies/ui.droppable.css']
					},
					cache: true
				});
				
				$(".draggable").draggable();
				$(".droppable").droppable({
					drop: function() {
						$(this).html('Dropped!');
					}
				});

			});
		</script>
	
	</body>
</html>
